/* =Typo elements
-----------------------------------------------------------------------------*/
body 		{ font: 12px/120% Arial, Helvetica, sans-serif; color: #000; background: #fff; }

h1, h2, h3, h4, h5, h6 	{ font-weight: bold; margin: .5em 0 .5em 0; padding:0; line-height: 100%;}
h3, h4, h5, h6 			{font-weight: bold;}
#secondary h1, #secondary h2, #secondary h3, #secondary h4 { font-size: 1.1em; }

h1, h1 a, h2, h2 a, h3, h3 a { text-decoration: none; color: inherit;}

h1 			{ font-size: 2em; clear: left; }
h2 			{ font-size: 1.7em; clear: left;	}
h3 			{ font-size: 1.4em; }
h4 			{ font-size: 1.2em; }
h5, h6 		{ font-size: 1em; }

p, pre, blockquote, fieldset, table, input, dl { margin-bottom: .5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img  		{ margin: 0 0 1em; border: 0; }
img.left 	{ float: left; margin-right: .5em;}
img.right 	{ float: right; margin-left: .5em;}

dl dt 		{ font-weight: bold; }
dd 			{ margin-left: 1.5em;}

/* Bring back bullet list to content */
.content ul li 	{ list-style: disc outside; 	margin: 0 0 .2em .5em; height: auto; line-height: 130%; }
.content ol li 	{ list-style: decimal outside; margin: 0 0 .2em 1em; height: auto; line-height: 130%; 	}
.content ul, 
.content ol 	{ padding: 0; margin: 0em 0 1em 1.5em; }
.content ul ul, 
.content ol ul 	{ margin: 0.3em 0 0.5em 1.3em; }
.content ul ol, 
.content ol ol 	{ margin: 0.3em 0 0.5em 1.9em; }

hr 			{ border: 2px solid #ccc; height: 0; }
q 			{ font-style: italic;}
b, strong 	{ font-weight: bold; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { text-decoration: none;}
a           { color: #2B677C; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; background: #eee; border: 1px solid #ddd; padding: .5em;}
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

table 		{ border-spacing: 0; border-collapse: collapse; border: 1px solid #ccc;}
table td, 
table th 	{ text-align: left; vertical-align: top; font-weight: normal; padding: .4em; border: 1px solid #ccc; background: #eee;}
table th 	{ font-weight: bold; background: #ddd; border: 1px solid #ccc; text-align: center; padding: .1em .4em;}
table tr.alt-row td { background: #fff; }
table p 	{ margin: 0;}
tfoot   	{ font-style: italic; }
caption 	{ background: #ffc; }

/* =Forms
-----------------------------------------------------------------------------*/

form > fieldset { }
form label { 
	font-weight: bold;
	width: 12em; 
	display: block;
	text-align: right;
	float: left;
	padding-top: 0;
	clear: both;
}
form input[type="text"], form textarea, form select {
	display: block;
	margin-bottom: 1em;
	margin-left: 15em; 
	margin-top: 1em;
	width: 20em;
	border: 2px solid #ddd;
	/* IE hacks 
	*margin-left: 16em; 
	*height: 2em;
	*/
}
form input[type="text"].short {
	width: 5em;
}
/* IE hacks 
* html form input {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
}
*/
form input[type="radio"], form input[type="checkbox"], 
form input[type="hidden"] { 
	width: auto; 
	height: 1em; 
	border: 0;
}